<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>9宫格翻牌抽奖</title>
    <style>
        
    </style>
</head>
<style>
</style>
<body>
    <canvas id="cvs" width="800" height="500"></canvas>
</body>
<script>
    const arr = [[176,217],[175,215],[173,213],[169,209],[166,205],[162,200],[159,195],[155,189],[151,183],[148,177],[146,171],[145,166],[143,162],[142,157],[140,153],[139,149],[136,133],[135,128],[135,123],[135,118],[135,109],[136,105],[137,101],[139,98],[141,94],[144,91],[148,87],[152,84],[157,80],[162,77],[169,74],[177,71],[186,67],[193,65],[199,64],[205,63],[210,63],[216,63],[222,64],[227,65],[232,66],[237,67],[241,69],[244,70],[247,71],[249,72],[250,73],[251,75],[252,77],[253,79],[254,82],[254,85],[254,88],[255,92],[255,95],[255,97],[256,99],[256,99],[256,100],[256,100],[256,100],[257,100],[259,98],[265,94],[270,90],[274,87],[279,84],[283,81],[286,80],[290,79],[293,78],[296,77],[300,76],[304,75],[308,74],[311,74],[315,74],[318,73],[321,73],[324,73],[326,73],[329,73],[332,73],[335,73],[339,74],[342,74],[345,76],[348,77],[351,78],[353,79],[355,80],[357,81],[359,83],[361,85],[361,88],[362,91],[362,93],[362,96],[363,98],[363,100],[364,102],[364,103],[365,105],[365,108],[365,112],[365,116],[365,120],[364,125],[364,128],[363,132],[362,135],[360,140],[358,144],[356,149],[355,153],[353,158],[352,161],[351,164],[350,166],[349,167],[349,170],[347,173],[345,176],[342,180],[340,184],[336,187],[333,192],[328,197],[322,203],[318,207],[316,209],[315,210],[314,210],[314,210],[313,211],[312,211],[310,212],[307,213],[304,215],[300,218],[298,220],[295,222],[293,223],[292,224],[291,224],[290,225],[288,226],[286,227],[284,228],[283,229],[282,230],[281,231],[279,232],[277,234],[275,235],[273,237],[270,239],[268,240],[265,242],[262,243],[258,245],[255,246],[252,247],[250,248],[247,248],[243,249],[241,249],[238,250],[235,250],[233,250],[230,250],[228,250],[225,250],[223,250],[221,250],[220,250],[219,249],[219,249],[218,249],[216,249],[214,249],[212,249],[211,249],[210,249],[209,249],[208,249],[207,248],[206,248],[205,248],[203,247],[202,246],[200,245],[198,244],[197,243],[196,242],[195,241],[194,241],[193,240],[192,238],[190,236],[187,233],[185,231],[184,228],[183,226],[182,225],[181,224],[180,224],[179,223],[179,222],[179,221],[178,221],[178,221],[178,221],[178,220],[178,220],[178,220],[178,220],[178,220],[177,220],[177,220],[177,219],[177,219],[177,219],[177,219],[177,218]]
    const cvs = document.querySelector('#cvs')
    const ctx = cvs.getContext('2d')

    ctx.clearRect(0, 0, cvs.width, cvs.height)
    ctx.beginPath()
    ctx.moveTo(arr[0][0], arr[0][1])
    arr.forEach(v => {
        ctx.fillText('♥️', v[0], v[1])
    })
</script>
</html>